<template>
	<!-- 窗口 -->
	<div class="wind">
		<div class="photo">
			<div class="scan"></div>
			<img class="photo body-pho" src="../../images/images/imgkuang_03.png" alt="">
		</div>
	</div>
</template>

<script>
	export default{
		data() {
			return {
				
			}
		},
		props:{
			imgfile:String
		},
		methods:{
			my(){
				
			}
		}
	}
</script>

<style lang="scss">
	@function px2vw($px){
		@return $px/7.5*1vw
	}
	.wind{
		position: absolute;
		top: px2vw(408);
		left: px2vw(73);
		right: px2vw(73);
		
		width: px2vw(620);
		height: px2vw(620);
		background-image: url(../../images/images/window_03.png);
		background-repeat: no-repeat;
		background-size: px2vw(620) px2vw(620);
	}
	.photo{
		position: absolute;
		top: px2vw(143);
		left: px2vw(142);
		right: px2vw(142);
		
		width: px2vw(338);
		height: px2vw(337);
		background-image: url(../../images/images/body_03.png);
		background-repeat: no-repeat;
		background-size: px2vw(338) px2vw(337);
		overflow: hidden;
	}
	.body-pho{
		left: 0;
		right: 0;
		top: 0;
	}
	.scan{
		// -26 开始  168/-26  
		position: absolute;
		top: px2vw(-50);
		animation: myscan 1.5s;
		animation-iteration-count: infinite;
		// animation-direction: alternate;
		
		width: px2vw(338);
		height: px2vw(53);
		z-index: 9;
		
		background-image: url(../../images/images/saomiao_03.png);
		background-repeat: no-repeat;
		background-size: px2vw(338) px2vw(53);
	}
	@keyframes myscan
	{
		0%{
			top:px2vw(-50);
		}
		100%{
			top:px2vw(336);
		}
	}
</style>
